代码优化,可以提高页面加载速度,减少抓取量浪费。htm代码里有很多的自定义属性,使代码量加大,一些标签的嵌套书写有问题,会影响百度蜘蛛爬行页面。页面代码需要规范化、简化此次通过对hm代码优化,主要可以提升页面加载速度和抓取率。此次调整涉及首页、列表页和内容详情页面。页面经过优化后代码量约可以减少一倍,加载速度也会有明显提升。同时,针对下拉列表,列表筛选项进行优化,有助于提升列表页面权重。对内容页面优化有助于页面引导蜘蛛爬行。
问题与解决方案
1.样式规范化，页面上的style,写入样式表里。
2、这些data和onclick可以进行优化,在不影响页面效果的前提下去掉这些属性。
3、用base标签代替</a>标签中的新窗口打开.对于首页,大部分标签的链接需要在新窗囗打开页面,那么没有必要每个链接都写上,启用 base target="bank可以有效降低代码量。
4、热搜词启用短地址。可以将热搜词后台记录,并采用i形式进行调用,避免因为中文字符encode后的较长代码。
5、慎用lazayload
lazayload可以延迟加载,分为不同的类型,可以使用 jquery lazyload先让图片地址在src中,给src赋占位图,因为 Jquery的操作是在页面加载后对图片操作,所以代码里src中还是有地址的。如果先放占位图,那页面很多图片都是占位图,对SEO的影响还是很大的。
6、同属性合并,不要重复声明
css的主要问题是多个cass的共同属性,应先共同声明,差异部分独自声明。同时应节约代码量,可继承的继承,可公用的公用。
7、列表页面的左侧下拉导航Js处理。内页和首页有所不同,内页多要考虑页面重点内容,而导航上很多分类可能与本页面的内容不相关,所以需要把导航js化,这样有助
于列表页面集权,同时也减少代码量。
8、列表筛选项的可视与隐藏。筛选项有些是包含关键词,需要做排名的产品分类页面。比如包包>女包>×品牌女包,这样的筛选分类就需要展示,并需要在htm里面显示a链接。更多的筛选用js做。
9、清除大篇幅的空格与注释。
沟通在执行过程中尤为重要,建议所有的方案一律用Ema的形式沟通,不要采用QQ的方式,以免出现纠纷;制作过的方案,建议按类型分类,按日期命名,便于后期复盘或查找。
